草庐IT

Web前端Tips:CSS3 部分新特性介绍

全部标签

javascript - 使用 CSS 为跨度中的第 n 个字母设置样式

我有:12h12m12s并且我希望使h、m和s小于文本的其余部分。我听说过css中的nth-letter伪元素,但它似乎不起作用:#string:nth-letter(3),#string:nth-letter(6),#string:nth-letter(9){font-size:2em;}我知道我可以使用javascript来解析字符串并用周围的span标签替换字母并设置标签的样式。但是,该字符串每秒更新一次,而且似乎解析通常会占用大量资源。 最佳答案 在性能方面,我建议使用spanhell。12h12m12s每个h、m和s字母一

javascript - 前端连接MongoDB?

我已经使用Node.js和MongoDB构建了一个数据库,并且正在编写一个应该调用的Angular.js应用程序在我的数据库中的条目中,以及能够写入这些条目。我知道直接从javascript写入数据库存在一些安全问题,但我对这类事情完全陌生。更重要的是,我找不到任何关于如何将数据从MongoDB发送到我的前端以便我可以实际使用它的说明!如何将两者联系在一起?在Node.js中,我使用了一个javascriptrequire函数来加载我的数据库并从中读取/写入,但我想不出一种方法来做到这一点在浏览器中。在node中,我使用mongojs模块将两者连接在一起,但这在我的Angular应用程

javascript - 使用 Apollo 重新获取部分 GraphQL 查询的最佳实践?

我有以下react-apollo-wrappedGraphQL查询:user(id:1){namefriends{idname}}按照语义表示,它获取ID为1的用户,返回其name,并返回其所有用户的id和namefriend。然后我将其呈现在如下组件结构中:graphql(ParentComponent)->UserInfo->ListOfFriends(withthelistoffriendspassedin)这一切都对我有用。但是,我希望能够重新获取当前用户的好友列表。我可以在父组件上执行this.props.data.refetch()并且更新将被传播;但是,鉴于我的Graph

javascript - 使用 Javascript 将 CSS3 支持添加到 IE7+

我想使用CSS3选择器(例如:nth-child),但任何版本的IE都不支持它们。在我的Rails应用程序中,我已经包含了Script.aculo.us和Prototype,如果不必包含Jquery就好了。是否有修复IE行为的脚本?(我对IE6兼容性不感兴趣) 最佳答案 看看IE8.js图书馆DeanEdwards.它几乎可以满足您的要求。参见IE7TestPage对于它修复的东西。 关于javascript-使用Javascript将CSS3支持添加到IE7+,我们在StackOver

javascript - 通过 Javascript 继承 CSS 值

在我的页面上,我正在通过javascript更改一些css样式。当我尝试提取一个已继承的值时-它出现空白。请考虑以下事项:.Sliding{display:none;overflow:hidden;}.Sliding#FilterBox{height:185px;background-color:Fuchsia;}和html:TestFormThisisatest/12345如果我查看元素“document.getElementById(objname).style.display”,它是空白的吗?如何通过javascript读取显示值? 最佳答案

javascript - 如何使用 CSS 使图像适合 200 像素的方框?

我有一堆图像,它们都适合一个400px×400px的框(也就是说,其中一个尺寸为400px,另一个尺寸更小)。我希望能够使用CSS,但如有必要,则使用jquery/javascript,将该图像适合200pxx200px的框,以便图像的两个边缘接触框,并且图像的其他两个边缘之间有间隙盒子。必须保持纵横比。我的HTML如下:我的CSS是:div.imagesdiv.small{width:200px;height:200px;line-height:200px;text-align:center;}div.imagesdiv.smallimg{vertical-align:middle;

javascript - 如何从 javascript 渲染部分内容

我有一个根据不同选择中的选择而填充的选择为此,我按照Railscast#88中关于“动态选择菜单”的建议进行了操作。但现在我需要渲染一个部分,传入在每个选择中选择的值。我不知道如何简单地从select中的:onchange事件触发方法调用,所以我想我需要从检测selectschange事件的javascript处理程序中调用render:partial。但我无法弄清楚如何。我在javascript方法(在.js.erb文件中)中尝试了以下方法,但它没有按预期工作:functionstaffSelected(){$('date_area').show();"calendar"-%>}谁有

javascript - Visual Studio Code 分析代码行对 HTML、CSS 和 Javascript 有什么作用?

我知道代码行数(LoC)即使不是错误的代码指标也是可疑的,并且有很多帖子都与此有关。但是...我仍然必须在报告中提供网站的LoC计数。我在使用VisualStudio2010代码分析代码指标功能获取LoC时,我想知道它的作用是什么或者它如何计算HTML、CSS和Javascript?VS帮助文本提供了指标的描述-代码行数–表示代码中的大概行数。该计数基于IL代码,因此不是源代码文件中的确切行数。非常高的计数可能表明类型或方法试图做太多工作,应该拆分。它还可能表明类型或方法可能难以维护。所以我的多部分问题是......HTML、CSS、Javascript是否被编译为IL,如果是,那么我

javascript - 客户端 Web 应用程序中的 GPG (PGP) 解密

我如何才能在Web应用程序的客户端解密一些加密数据?例如数据以加密方式存储在服务器上。它是使用公共(public)GPGkey加密的。服务器将加密后的数据发送给客户端。客户端需要使用本地私钥对其进行解密。假设我能够将私钥传递给浏览器并使用Javascript来解密数据。 最佳答案 如果您想坚持使用JavaScript,请查看LGPL库OpenPGP.js. 关于javascript-客户端Web应用程序中的GPG(PGP)解密,我们在StackOverflow上找到一个类似的问题:

javascript - 使用 Chrome 查找哪个 JS 向元素添加了 CSS 样式

我正在尝试调试一些图像幻灯片,结果在外部div上设置了高度。高度太短,所以您只能看到一半的图像。我想在这个div中找到哪个JS脚本设置了这个高度。有什么办法吗? 最佳答案 转到DOMElement右击突破属性修改执行您的代码以查看哪一行更改了属性。 关于javascript-使用Chrome查找哪个JS向元素添加了CSS样式,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2084